<template>
  <div>
      <!-- <tabnav title="服务介绍"></tabnav> -->
       <van-nav-bar left-arrow @click-left="onClickLeft" title="服务介绍"/>
      <div class="content">
          <div class="main">
              <div class="header">
              <img src="../assets/logo.png" alt="">
              <h1>家庭除螨服务 只选金海豚</h1>
              <p>高端居家清洁服务</p>
              </div>
              <div class="list">
                  <span>服务介绍</span>
                  <p>四川金海豚环境科技有限公司，自创办以来历经两年时间沉淀，打造出的一个自有服务品牌。致力于为用户提供专业、便捷、高品质的家居清洁服务。我们的团队引进欧美顶级家居清洁设备,与此同时已经总结出了一套完善的家居清洁办法,目前在深度除螨市场中占据领先地位,我们的员工都拥有一个专业而亲切的名字一海豚除螨师，目前业务主要包含床垫除螨、家居除尘空气净化等服务项目。</p>
              </div>
              <div class="list">
                  <span class="ico_2">除螨.专业品质</span>
                  <p>金海豚团队引进欧美顶级的家居清洁设备,该设备来自德国已经拥有20多年的发展历史,目前已被全世界30多个国家家庭认可。三个阶段的科学处理办法让床垫螨虫无所遁形,一震；二吸;三滤。通过该科学办法处理过床垫清洁度高达95%,并且除螨效果做到可视化,为用户提供了超高品质的除螨体验。</p>
              </div>
              <div class="list">
                  <span class="ico_3">服务.专业标准</span>
                  <p>服务即是生命,这是每一位海豚除螨师的共同信仰,团队从上到下每一位都在身体力行,共同标准规范化、服务效果可视化”的品牌标准,并且严格按照此标准执行,对每一次服务、每位客户负责,我们始终相信只有您100%的满意才是我们不断前行的动力。</p>
              </div>
              <div class="list">
                  <span class="ico_4">预约.方便快捷</span>
                  <p>融入互联网的金海豚,更加快捷方便,随时随地一键预约体验，让更多的客户真实的感受我们的起居环境，更深刻的了解螨虫知识。把传统服务行业加上互联网的运营模式让金海豚率先突破服务行业区域性的限制,最终为更多的家庭带去优质的服务。</p>
              </div>
              <p>希望我们的用心服务能让你的生活更美好！感谢你对金海豚的支持。</p>
          </div>
      </div>
  </div>
</template>

<script>
import tabnav from "../components/topNav"
export default {
data(){
    return{ 
    }
},
methods:{
    onClickLeft(){
        this.$router.push("home")
    }
},
components:{
    tabnav
}
}
</script>

<style lang="less" scoped>
    .content {
        background-color:#fff;
        height: 800px;
        .main {
            width: 90%;
            margin: 0 auto;
            p{
                font-size: 13px;
                color: #3abff0;
            }
            .header {
                text-align: center;
                img {
                    margin-top: 10px;
                    width: 100px;
                    height: 60px;
                }
                h1{
                    font-size: 20px;
                    color: #3abff0;
                    font-weight: 600;
                    font-family: "华康";
                }
                p {
                    font-size: 13px;
                    color: #000;
                    margin-top: 20px;
                }
            }
            .list {
                margin-top: 10px;
                span {
                    display: flex;
                    font-size: 16px;
                    color: #000;
                    
                }
                .ico_2::before{
                background: url("../assets/serve_2.png") no-repeat!important;
                background-size: 100%!important;
                }
                .ico_3::before{
                background: url("../assets/serve_3.png") no-repeat!important;
                background-size: 100%!important;
                }
                .ico_4::before{
                background: url("../assets/serve_4.png") no-repeat!important;
                background-size: 100%!important;
                }
                span:before{
                    content: "";
                    display: block;
                    margin-right: 10px;
                    width: 20px;
                    height: 21px;
                    background: url("../assets/serve_1.png") no-repeat;
                    background-size: 100%;
                }
                p{
                    margin-top: 10px;
                    font-size: 12px;
                    color: #000;
                }
            }
        }
    }
   
    

    .van-nav-bar {
    background-color: #fff;
    color: #000;
    border: none;
    .van-nav-bar__title{
        color: #000;
        font-weight: 600;
    }
    .van-icon-arrow-left:before{
        color: #000;
        font-weight: 600;
    }
}
</style>